<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
		body{
			background: url(game_bg_2_hd.jpg) no-repeat center top ;
			background-size: cover;
		}
		#fish{
			position: absolute;
			left: 20px;
			top: 20px;
			width: 516px;
			height: 273px;
			background: url(shark2.png) 0px 0px;
		}
		</style>
	</head>
	<body>
		<div id="fish"></div>
		<script>
    var x = 20;
    var y = 20;
    var bgy = 0;

    //fish.style.transform = "rotate(30deg)";

    function pao(){
        x = x + 5;
        y = y + 5;
        fish.style.left = x + "px";
        fish.style.top = y + "px";
        bgy = bgy - 273;
        fish.style.background = "url(shark2.png) 0px "+bgy+"px";
        if(bgy==-2184){
            bgy = 0;
        }
    }
    setInterval(pao,100);
</script>
	</body>
</html>
